
layui.use(['layer','table','laydate'],function(){
    $ = layui.jquery;
    var layer = layui.layer ,table = layui.table,laydate = layui.laydate;
    table.render({
        elem: '#demo4'
        ,height: "auto"
        ,method:"post"
        ,url: baseUrl+'activity/getactivity' //数据接口
        ,request: {
            pageName: 'pageNum' //页码的参数名称，默认：page
            ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }
        ,page: false //开启分页
        ,cols: [[ //表头
            {field: 'id',title:'ID', align:'center',fixed: 'left',width:50,sort:true}
            ,{field: 'title', title: '标题',align:'center',event:"edit"}
            ,{field: 'content', title: '内容',align:'center',event:"edit1"}
            ,{fixed: 'right', title: '操作', width:150, align:'center', toolbar: '#barDemo'}
        ]]
    });


    //监听工具条
    table.on('tool(test)', function(obj){
        var data = obj.data;
        var layEvent = obj.event;
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        if(layEvent === 'edit') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改活动标题'
                ,value: data.title
            }, function(value, index){
                if(value.length >=10){
                   layer.alert("字数限制10以内")
                    return;
                }
                layer.close(index);
                var uinfo = { "title" : value ,"id":data.id }
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"activity/editactivity",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    title: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }else if(layEvent === 'edit1') { //编辑
            layer.prompt({
                formType: 2
                ,shadeClose:true
                ,title: '修改活动内容'
                ,value: data.content
            }, function(value, index){
                // if(value.length >=20){
                //     layer.alert("字数限制20以内")
                //     return;
                // }
                layer.close(index);
                var uinfo = { "content" : value ,"id":data.id }
                //这里一般是发送修改的Ajax请求
                $.ajax({
                    type: 'post',
                    url: baseUrl+"activity/editactivity",
                    data: uinfo,
                    async:false,
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code==200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:500} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){
                                obj.update({
                                    content: value
                                });}, 1000);
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }else if(layEvent === 'del') { //删除
            layer.confirm('真的删除行么', function(index){
                layer.close(index);
                //向服务端发送删除指令
                $.ajax({
                    type: 'post',
                    url: baseUrl+"activity/delactivity",
                    data:{id:data.id},
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code===200){
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(obj.del(), 1000); //删除对应行（tr）的DOM结构，并更新缓存
                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }
                    }
                });
            });
        }
    });
    $("button").click(function () {
        layer.open({
            type: 1
            ,closeBtn: false
            , skin:'layui-layer-rim'
            ,area:  [ '600px', 'auto']
            ,shade: 0.0
            ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            ,btn: ['确定 ', '取消']
            ,btnAlign: 'c'
            ,moveType: 1 //拖拽模式，0或者1
            ,content:'<div class="layui-form-item" style="padding: 50px 25px">\n' +
                '    <label class="layui-form-label">标题:</label>\n' +
                '    <div class="layui-input-block" style="padding-bottom: 50px">\n' +
                '      <input type="text" name="language" id="language" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">\n' +
                '    </div>\n' +
                '    <label class="layui-form-label">内容:</label>\n' +
                '    <div class="layui-input-block">\n' +
                '      <textarea style="height: 150px;width: 400px" type="text" name="content" id="content" lay-verify="content" autocomplete="off" placeholder="请输入内容" class="layui-input"></textarea>\n' +
                '    </div>\n' +
                '  </div>'
            ,yes: function(){
                if($("#language").val().length >=10){
                    layer.alert("字数限制20以内")
                    return;
                }

                $.ajax({
                    type: 'post',
                    url: baseUrl+"activity/add",
                    data:{title:$("#language").val(),content:$("#content").val()},
                    dataType: 'json',
                    success: function(res){
                        if(res.meta.code===200){
                            layer.close(layer.index);
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:1,time:1000});index.closed}, 500);
                            setTimeout(function(){ location.reload() }, 1000);

                        }else{
                            //加载层
                            var index = layer.load(0, {shade: false,time:1000} ); //0代表加载的风格，支持0-2
                            setTimeout(function(){ layer.msg(''+res.meta.msg+'',{icon:2,time:1000});index.closed}, 1000);
                        }

                    }
                });


            }

        });
    })
})
